@import "../color.less";

.common-table {

  .qrcode {
    width: 60px;
    height: 60px;
  }

  .state {
    position: relative;
    .disabled {
      color: #a0a0a0;
    }
    .warning {
      color: #f89406;
    }
    .important {
      color: #ff0000;
    }
    .primary {
      color: #428bca;
      background: none;
    }

    .twinkle {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 3px;
      border-radius: 100%;
      background: @red;
      animation: twinkling 2s infinite ease-in-out;
    }

    @keyframes twinkling {
      0% {
        opacity: 0.4;
      }
      50% {
        opacity: 1;
      }
      100% {
        opacity: 0.4;
      }
    }

  }

  .disabled-bg {
    color: @font-light;
  }

}
